<template>
<div>
		<div class="common-form">
			<span>{{curItem.name}}</span>
		</div>
		<div class="f16 gray3 form-subtitle">{{$t('page.style_setting')}}</div>
		<el-form size="small" :model="curItem" label-width="100px">
			<!--页面名称-->
			<div class="form-item" style="margin-bottom: 4px;">
				<div class="form-label">{{$t('page.page_name_label')}}</div>
				<el-input v-model="curItem.params.name"></el-input>
			</div>
			<p class="gray" style="margin-left: 60px;margin-bottom: 16px;">{{$t('page.page_name_tip')}}</p>
			<!--分享标题-->
			<div class="form-item" style="margin-bottom: 4px;">
				<div class="form-label">{{$t('page.share_title_colon')}}</div>
				<el-input v-model="curItem.params.shareTitle"></el-input>
			</div>
			<p class="gray" style="margin-left: 60px;margin-bottom: 16px;">{{$t('page.wechat_share_title')}}</p>
			<div class="form-item" style="margin-bottom: 4px;">
				<div class="form-label">{{$t('page.share_logo')}}</div>
				<div class="diy-notice-icon"><img v-img-url="curItem.params.shareImg" alt="" @click="$parent.onEditorSelectImage(curItem.params, 'shareImg')" /></div>
			</div>
			<p class="gray" style="margin-left: 60px;margin-bottom: 16px;">{{$t('page.wechat_share_logo_tip')}}</p>
		</el-form>
	</div>
</template>

<script>
export default {
  data() {
    return {
      logo_type: 'image'
    };
  },
  props: ['curItem', 'selectedIndex', 'opts'],
  created() {},
  methods: {
    logechange(e) {
      console.log(e);
      this.curItem.params.titleType = e;
    },
    categorychange(e) {
      this.curItem.category.open = e;
    }
  }
};
</script>

<style lang="scss" scoped>
.diy-setpages-cover > img {
	width: 60px;
	height: 60px;
}
</style>

